@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color: #9a9898;
	font-size: 14px;
}
/* 网页头部：47px ：宽100% 边框*/
header{
	width: 100%;
	height: 47px;
	background-color: #333;
	bor der: 1px solid red;
}
/* 2.中控区：两侧留白，宽度影响主体、页面部分 */
div#wrapper{
	width: 1300px ;
	height: 47px;
	background-color:#333;
	/* 水平居中 */
	margin: 0 auto;
}
/* 3.左侧布局：左浮动 */
div#wrapper div.left{
	width: 850px;
	height: 47px;
	background-color:#333;
	float: left;
}
/* 3.1左侧布局 :浮动、高度*/
div#wrapper div.left ul li{
	float: left;
	bor der: 1px solid red;
	height: 47px;
	line-height: 47px;
}
/* 3.2左侧布局：竖条跟文字高度一致、垂直居中 */
div#wrapper div.left ul li a{
	/* 所有文本包含左侧边 */
	line-height: 47px ;
	border-right: 1px solid #424242;
	/*所有文本左右有空间 */
	padding: 0 8px;
}
/* 3.3最右侧竖边拿下 */
div#wrappder div.left ul li a.fix{
	border: none;
}
	
/*4. 右侧浮动 */
div#wrapper div.right{
	width: 200px;
	height: 47px;
	background-color:bule;
	float: right;
}
/* 4.1右侧：浮动 */
div#wrapper div.right ul li {
	float: left;
	height: 47px;
}
/* 4.2文本居中 */
div#wrapper div.right ul li a{
	line-height: 47px;
	border-right: 1px solid #424242;
	padding: 0 5px;	
}
/* 4.3右侧 购物车 图标 */
div#wrapper div.right ul li i.shop{
    bord er: 1px solid red;
	padding: 0 10px;
	/* 背景图 */
	background: url(../img/images/buy.png) no-repeat;
}

/* 4.4右侧 去掉两个竖线 */
div#wrapper div.right ul li a.fix{
	border: none;
}
/* 4.5右侧 购物车区域：宽度、背景色 */
div#wrapper div.right ul li.ul_li_right{
	bor der: 1px solid red;
	width: 100px;
	background-color: #424242;	
}
div#wrapper div.right ul li.ul_li_right div.a2{
	width: 250px;
	height: 80px;
	bor der: 1px solid red;
	position: absolute;
	top: 48px;
	right: 220px;
	z-index: 999;
	display: none;
	background-color: #fff;	
}
div#wrapper div.right ul li.ul_li_right div.a2 p{
	color: #000;
	text-align: center;
	margin-top: 30px;
}
/* 右侧 购物车悬停 三个联动：背景色、
                                背景色结合改超链接、背景图 */
div#wrapper div.right ul li.ul_li_right:hover{
	background-color: #fff;	
}
div#wrapper div.right ul li.ul_li_right:hover a{
	color: #ff6700;
}
div#wrapper div.right ul li.ul_li_right:hover i.shop{
	background: url(../img/images/buy01.png) no-repeat;
}